<script setup lang="ts">
import { ref } from 'vue';
import CodeEditor  from '@/components/CodeEditor/CodeEditor.vue';

const content = ref(
  'import a'
)

const MonacoEditRef = ref<InstanceType<typeof CodeEditor>>()
</script>

<template>
    <div class="editor-wrapper">
      <CodeEditor ref="MonacoEditRef" v-model="content" language="python" />
    </div>
</template>


<style scoped>
.editor-wrapper{
  display: flex;
  height: 100%;
  width: 100%;
}
</style>
